<template>
	<div class="language">
		<div class="basic_data_jb" style="margin-bottom: 20px;">
			<img src="../../../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
			<span class="span1">语言能力</span>
			<i-button  shape="circle" icon="ios-search" style="float: right;position: relative;top: 18px;" @click="languageClick"></i-button>
		</div>
		<div>
			语言能力 ：<span>英语</span>
		</div>
		<div  class="_addbasic_data" v-show="language">
			<Checkbox label="香蕉">英语</Checkbox>
			<Checkbox label="香蕉">法语</Checkbox>
			<Checkbox label="香蕉">日语</Checkbox>
			<Checkbox label="香蕉">韩语</Checkbox>
			<Checkbox label="香蕉">德语</Checkbox>
			<Checkbox label="香蕉">俄语</Checkbox>
			<Checkbox label="香蕉">西班牙语</Checkbox>
			<Checkbox label="香蕉">意大利语</Checkbox>
			<Checkbox label="香蕉">葡萄牙语</Checkbox>
			<Checkbox label="香蕉">阿拉伯语</Checkbox>
			<Checkbox label="香蕉">普通话</Checkbox>
			<Checkbox label="香蕉">粤语</Checkbox>
			<Checkbox label="香蕉">其他</Checkbox>
			<div class="basic_data_foot">
				<i-button type="primary" style="width: 100px; margin-right: 50px;">保存</i-button>
			    <i-button style="width: 100px;" @click="handleInfoCancelClick">取消</i-button>
		    </div>
		</div>
	</div>
</template>

<script>
	export default {
    	name: 'Language',
        data () {
            return {
                language:false
            }
        },
        methods:{
		  languageClick(){
            	this.language = true
            	
           },
		  	handleInfoCancelClick(){
            	this.language = false
			},
		}
    }
</script>

<style>
</style>